<!DOCTYPE html>
<html lang="en">
	<head>
    	<meta charset="utf-8"/>
	    <title>Nick - Admin Pannel</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	    <meta name="description" content=""/>
	    <meta name="author" content=""/>
		
		<!-- fav icon -->
	    <link rel="icon" href="/favicon.ico" type="image/x-icon"/>
	    
    	<!-- styles -->
	    <link href="/css/admin_common.css" rel="stylesheet"/>
	    <link href="/css/admin_home.css" rel="stylesheet"/>
	</head>
	
	<body>
		<div id="container" class="container">
			<header>
				<tal:block metal:use-macro="macro.tpl.php/header"></tal:block>
			</header>
			
			<div class="row">
				<div class="span385 column" id="span385">
					<tal:block metal:use-macro="macro.tpl.php/sideNav"></tal:block>
				</div><!-- /.span385 -->
				
				<div class="spanF725 column">
					<div class="rightPanel">
						<div class="tabsBg">
						    <a class="stretchBtn" id="strechMe" href="javascript:void(0);"><i class="toggleIcon"></i></a>
							<div class="tabs">
								<a rel="view-story" class="active" href="">List</a>
								<a rel="story-timeline" class="" href="">Add New</a>
							</div><!-- /.tabs -->
						</div><!-- /.tabsBg -->
					
						<div class="rightElements">
							<div class="title clearfix">
								<div class="fleft">
									<h2 class="fleft">Ticker</h2>
									<a class="btn-grey fleft" href="">Add New</a>
								</div>
								
								<div class="fright hide">
									<form>
										<input type="search"></input>
										<input class="btn" type="submit" value="search"></input>
									</form>
								</div>
							</div>
							
							<div class="sort-div">
								<label class="single">
									<select name="action">
										<option value="" selected="selected">Bulk Actions</option>
										<option value="active">Active</option>
										<option value="inactive">Inactive</option>
										<option value="delete">Delete</option>
									</select>
									
									<input class="btn" type="submit" value="Apply"></input>
								</label>
								
								<label class="single">
									<select name="action">
										<option value="-1" selected="selected">All</option>
										<option value="edit">Active</option>
										<option value="trash">Inactive</option>
									</select>
									
									<input class="btn" type="submit" value="Filter"></input>
								</label>
							</div>
							
							<div class="table-div">
								<form id="adminMainForm">
									<table>
										<thead>
											<tr>
												<th><input type="checkbox" onclick="chooseBox()"></input></th>
												<th>Ticker</th>
												<th>Screenshot</th>
												<th>Status</th>
												<th>Edit</th>
											</tr>
										</thead>
										<tbody>
											<tr tal:repeat="single listing">
												<td><input type="checkbox"></input></td>
												<td tal:content="single/ticker">Nick India fans on facebook crosses 40,000 - A special thank you to all you Nicksters!!</td>
												<td><img tal:attributes="src single/screenshot"></img></td>
												<td tal:content="single/status">Active</td>
												<td><a tal:attributes="href single/editUrl">Edit</a></td>
											</tr>
										</tbody>
									</table>
								</form>
							</div><!-- /.table-div -->
							
							<div class="sort-div bottom">
								<label class="single">
									<select name="action">
										<option value="" selected="selected">Bulk Actions</option>
										<option value="active">Active</option>
										<option value="inactive">Inactive</option>
										<option value="delete">Delete</option>
									</select>
									<input class="btn" type="submit" value="Apply"></input>
								</label>
								
							</div>
							
						</div><!-- /rightElements // to be filled by ajax -->
					</div><!-- /.rightPanel -->
				</div><!-- /.spanF725 -->
			</div><!-- /.row -->
			
			<footer>
				
			</footer>
			
			<script type="text/javascript" src="/js/jquery-ui-1.9.1.js"></script>
			<script type="text/javascript" src="/js/jquery.datetimepicker.js"></script>
			<script type="text/javascript" src="/js/jquery_validate.js"></script>
			<script type="text/javascript" src="/js/common.js"></script>
		</div><!-- /.container -->
	</body>
</html>
